<template>
  <div class="head">
    <img src="../../../public/images/index/ceyice.png" @click="jump" >
    <span>测一测</span>
    <van-search
      placeholder="热搜产品: 碧柔"
      shape="round"
      disabled
      input-align="center"
      @click="search"
    />
    <img src="../../../public/images/index/qiandao.png" class="qian" >
    <img src="../../../public/images/index/lingdang.png" class="ling" >
  </div>
</template>

<script>
import { useRouter } from "vue-router";
export default {
  setup() {
    const router = useRouter();
    const jump = () => {
      router.push("/index/chat");
    };
    const search = () => {
      router.push("/searchb");
    };
    return {
      jump,
      search,
    };
  },
};
</script>

<style lang="less" scoped>
.head {
  background: white;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 0 14px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #f1f1f1;
  .van-search {
    flex: 1;
  }
  span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px 0 5px;
  }
  img {
    width: 24px;
    height: 23px;
  }
  .qian {
    width: 33px;
    height: 33px;
    margin: 0 10px;
  }
  .ling {
    width: 20px;
    height: 23px;
  }
}
</style>
